﻿<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:TeamExplorer="clr-namespace:Microsoft.TeamFoundation.Controls.WPF.TeamExplorer;assembly=Microsoft.TeamFoundation.Controls" x:Class="Nokia_Portal_WPF.MainWindow"
        Title="Nokia Portal" Height="613" Width="579" ResizeMode="CanMinimize" WindowStartupLocation="CenterScreen" BorderThickness="0" Background="#FFEEEEEE">
    <Grid>
        <GroupBox Header="Instructions" Margin="0" FontSize="16">
            <Canvas>

                <Expander Expanded="Expander_Expanded_8" Collapsed="Expander_Collapsed_8" Header="14 - Install the app" Canvas.Left="10" Canvas.Top="204" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0007.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap install" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="262"/>
                    </Canvas>
                </Expander>
                <Expander Expanded="Expander_Expanded_7" Collapsed="Expander_Collapsed_7" Header="13 - Disable the proxy while keeping the app installation screen open" Canvas.Left="10" Canvas.Top="179" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0008.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Toggle this switch off" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="90"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap the checkmark icon" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="261" FontFamily="Segoe UI bold"/>
                    </Canvas>
                </Expander>
                <Expander Expanded="Expander_Expanded_6" Collapsed="Expander_Collapsed_6" Header="12 - Open the app installation screen" Canvas.Left="10" Canvas.Top="154" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0007.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="DON'T tap install yet" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="137"/>
                        <TextBlock TextWrapping="Wrap" Text="Tip: Long press the back button to return to the WiFi settings" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="256" FontFamily="Segoe UI Light" FontSize="14"/>
                    </Canvas>
                </Expander>
                <Expander x:Name="expander3" Expanded="Expander_Expanded_5" Collapsed="Expander_Collapsed_5" Header="11 - Launch the Windows Store and search for &quot;Nokia&quot;" Canvas.Left="10" Canvas.Top="130" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0006.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap on any app" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="168"/>
                    </Canvas>
                </Expander>
                <Expander Expanded="Expander_Expanded_4" Collapsed="Expander_Collapsed_4" Header="10 - Tap Install" Canvas.Left="10" Canvas.Top="105" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0010.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap install" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="260"/>
                    </Canvas>
                </Expander>
                <Expander x:Name="expander2" Expanded="Expander_Expanded_3" Collapsed="Expander_Collapsed_3" Header="9 - Go to http://YourIPaddress:8888/FiddlerRoot.cer" Canvas.Left="10" Canvas.Top="81" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0011.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="Open Internet Explorer" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="26"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Type http://x:8888/FiddlerRoot.cer" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="260"/>
                    </Canvas>
                </Expander>
                <Expander x:Name="expander1" Expanded="Expander_Expanded_2" Collapsed="Expander_Collapsed_2" Header="8 - Enter your computer's IP address as the APN and 8888 as the Port" Canvas.Left="10" Canvas.Top="56" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0004.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Toggle this switch on" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="91"/>
                        <TextBlock x:Name="textbloxk1" TextWrapping="Wrap" Text="&lt;- Type your computer's IP address here" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="126"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Type 8888 here" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap on the checkmark" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="262" FontFamily="Segoe UI bold"/>
                    </Canvas>
                </Expander>
                <Expander Expanded="Expander_Expanded_1" Collapsed="Expander_Collapsed_1" Header="7 - Enable proxy" Canvas.Left="10" Canvas.Top="31" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0003.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap on the network you're connected to" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="177" Canvas.Top="118"/>
                    </Canvas>
                </Expander>
                <Expander Expanded="Expander_Expanded" Collapsed="Expander_Collapsed"  Header="6 - Open the WiFi settings on your WP8 device" Canvas.Left="10" Canvas.Top="6" Width="541" Height="310" ExpandDirection="Up">
                    <Canvas Background="#FFE0E0E0">
                        <Image HorizontalAlignment="Left" Source="Media/wp_ss_20130713_0002.png" Height="283" Canvas.Left="2" Canvas.Top="2" Width="170"/>
                        <TextBlock TextWrapping="Wrap" Text="&lt;- Tap on this option" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="187" Canvas.Top="139"/>
                    </Canvas>
                </Expander>
                <Grid x:Name="firstinstructions" Height="216" Width="561">
                    <TextBlock TextWrapping="Wrap" Text="1 - Which apps do you want to install?" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="10" Margin="10,18,0,0"/>
                    <TextBlock TextWrapping="Wrap" Text="2 - What is your phone company?" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="46" Margin="10,52,0,0"/>
                    <TextBlock TextWrapping="Wrap" Text="3 - Install Fiddler2" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="81" Margin="10,81,0,0"/>
                    <TextBlock TextWrapping="Wrap" Text="4 - Launch Fiddler2" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="114" Margin="10,114,0,0"/>
                    <TextBlock TextWrapping="Wrap" VerticalAlignment="Top" HorizontalAlignment="Left" Canvas.Left="10" Canvas.Top="147" Margin="10,147,0,0"><Run Language="nl-nl" Text="5"/><Run Text=" - Follow the instructions in this video"/></TextBlock>
                    <ComboBox x:Name="basecomp_cb" Canvas.Left="373" Canvas.Top="6" Width="178" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,10,10,0" SelectionChanged="basecomp_cb_SelectionChanged">
                        <ComboBoxItem Content="Nokia"/>
                        <ComboBoxItem Content="HTC"/>
                        <ComboBoxItem Content="LG"/>
                        <ComboBoxItem Content="HUAWEI"/>
                        <ComboBoxItem Content="SAMSUNG"/>
                    </ComboBox>
                    <ComboBox x:Name="phonecomp_cb" Canvas.Left="373" Canvas.Top="42" Width="178" SelectionChanged="phonecomp_cb_SelectionChanged" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,44,10,0">
                        <ComboBoxItem Content="NOKIA"/>
                        <ComboBoxItem Content="HTC"/>
                        <ComboBoxItem Content="LG"/>
                        <ComboBoxItem Content="HUAWEI"/>
                        <ComboBoxItem Content="Other..."/>
                    </ComboBox>
                    <Button x:Name="installfiddler_btn" Content="Install Fiddler2" Canvas.Left="373" Canvas.Top="78" Width="178" Click="installfiddler_btn_Click" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,78,10,0"/>
                    <Button x:Name="launchfiddler_btn" Content="Launch Fiddler2" Canvas.Left="373" Canvas.Top="111" Width="178" Click="launchfiddler_btn_Click" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,111,10,0"/>
                    <Button x:Name="watchvid_btn" Content="Watch Video" Canvas.Left="373" Canvas.Top="144" Width="178" Click="watchvid_btn_Click" Margin="0,144,10,0" HorizontalAlignment="Right" VerticalAlignment="Top"/>
                    <TextBox x:Name="textbox1" HorizontalAlignment="Left" Height="28" TextWrapping="Wrap" Text="Textbox" VerticalAlignment="Top" Width="103" Margin="373,45,0,0"/>
                    <Button x:Name="apply_btn" Content="Apply" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Margin="476,45,0,0" Click="apply_btn_Click"/>
                    <Button Content="Available Apps" HorizontalAlignment="Center" Margin="0,178,0,0" VerticalAlignment="Top" Click="Button_Click" Height="38" Width="145"/>
                </Grid>
            </Canvas>
        </GroupBox>

    </Grid>
</Window>
